<style type="scss" scoped>
    @import "loading.scss";
</style>

<template>
<transition name="fade">
    <div v-if="show">
        <div class="loading-content">
            <div class="loading-content-box">
                <img src="./../images/loading.gif" alt="">
            </div>
            {{text}}
        </div>
    </div>
</transition>
</template>
<script type="es6">
    export default {
        props: {
            show: {
                type: Boolean,
                default: false //这样可以指定默认的值
            },
            text:{
                type:String,
                default:'加载中...'
            }
        },
        data () {
            return {

            }
        }
    }
</script>

